<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<title>Datatable</title>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<style type="text/css">
      @import "css/demo_table.css";
      @import "css/demo_table_jui.css";
</style>
<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript" src="js/jquery.dataTables.js" ></script>


<script type="text/javascript">
$(document).ready(function() {
    $('#example').dataTable( {
        "bProcessing": true,
        "bServerSide": true,
        "iDisplayLength": 10,
        "iTabIndex": 1,
        "bLengthChange": true,
        "bPaginate": true,
        "sPaginationType": "full_numbers",
        "sAjaxSource": "datatable_server.php"
    } );
} );
</script>
</head>
<body>
<div id="container">
<h1>DataTable server side</h1>

<div id="dynamic">
<table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
	<thead>
		<tr>
			<th width="25%">Pkid</th>
			<th width="25%">Tipo</th>
			<th width="25%">Chiave</th>
			<th width="25%">Valore</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td colspan="4" class="dataTables_empty">Caricamento Dati</td>
		</tr>
	</tbody>
	<tfoot>
		<tr>
			<th>Pkid</th>
			<th>Tipo</th>
			<th>Chiave</th>
			<th>Valore</th>
		</tr>
	</tfoot>
</table>
</div>
</div>
</body>